<div class="deliver-container noshrink pct100" fxLayout="column" fxFlex="100%">
    <div class="title noshrink" fxLayout="row">
        <div fxLayout="column" class="padding pct80 noshrink">
            <span>员工设置</span>
            <span class="text-s color-gray margin-t-m">设置当班员工</span>
        </div>
        <button class="btn-save pct20 text-xl" (click)="saveOnlineEmployeeInfos()">保存</button>
    </div>
    <div fxLayoutAlign="center center" class="noshrink select-container">
        <div class="setup-padding pct95 border-bottom noshrink h100">
            <span class="htitle">选择员工班次</span>
            <md-tab-group (selectChange)="tabFocusChange(turnsList[$event.index])" class="htab">
                <md-tab *ngFor="let turn of turnsList" label="{{turn}}">
                </md-tab>
            </md-tab-group>
            <div fxLayout="row" class="checkbox-container">
                <div class="h100 relative" fxFlex="90%">
                    <y-scrollable-container (change)="pagingMessageChange($event)">
                        <mpj-checkbox-group [sourceOptions]="checkboxValues" *ngIf="checkboxValues" [checkedValues]="checkedValuesResult" (onChange)="onChange($event)">
                        </mpj-checkbox-group>
                    </y-scrollable-container>
                </div>
                <div fxFlex="10%" fxLayout="column" fxLayoutAlign="space-between" class="h100">
                    <span fxLayoutAlign="center" (click)="pagingInfo.turningPage(-1)"><i class="material-icons text-large" *ngIf="previousCount">expand_less</i></span>
                    <span fxLayoutAlign="center" (click)="pagingInfo.turningPage(1)"><i class="material-icons text-large" *ngIf="nextCount">expand_more</i></span>
                </div>
            </div>
        </div>
    </div>
</div>